<script>
	export default {
		globalData: {  
			loading:false,
			upData:{
				client:true,
				clientInfo:[true,true,true,true,true],
				clientInfoEquipment:true,
				work:true,
				workInfo:true, 
				library:true,
				accessories:true,
				product:true,
				return:true,
				accessoriesGet:true,
				accessoriesLibrary:true,
				order:true
			},
			userId:"MDAwMDAwMDAwMLGFbqE",
			userInfo:{
				identity:1 //1客服2维修工人3维修主管
			},
			isAudit: -1 // 审批权限：1.审批  -1.没权限
		},
		onLaunch: function() {
			
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	/*每个页面公共css */
	page{background: #F7F7FA;}
	.search{width: 100%;height: 100upx;background: #FFFFFF;display: flex;flex-direction: row;align-items: center;justify-content: space-around;font-size: 28upx;}
	.search_input{width:600upx;height: 60upx;display: flex;flex-direction: row;align-items: center;background: #efefef;border-radius: 30upx;}
	.search_input image{width: 28upx;height: 28upx;margin: 0 20upx;}
	.search_input input{flex-grow: 1;}
	.search_btn{color: #049BFF;}
	
	.search_bar{width: 100%;height: 100upx;display: flex;flex-direction: row;align-items: center;font-size: 28upx;color: #333333;padding: 0 30upx;box-sizing: border-box;background: #FFFFFF;border-bottom: 2upx solid #EEEEEE;justify-content: space-around;}
	.search_bar_picker{display: flex;flex-direction: row;align-items: center;}
	.search_bar_picker image{width: 22upx;height: 10upx;margin-left: 10upx;}
	.search_bar_btn{margin-left: auto;display: flex;flex-direction: row;align-items: center;}
	.search_bar_btn image{width: 35upx;height: 35upx;margin-left: 50upx;}
	
	.bar_top{position: fixed;width: 100%;top: 0;left: 0;z-index: 998;border-bottom: 2upx solid #EEEEEE;box-shadow:10rpx 0 -10rpx #EEEEEE ;}
	.bar_list{width: 100%;height: 100upx;background: #fff;display: flex;flex-direction: row;align-items: center;justify-content: space-around;border-bottom: 2upx solid #FFFFFF;}
	.bar_item{ height: 94upx;display: flex;flex-direction: row;align-items: center;font-size: 28upx;color: #333333;border-bottom: 6upx solid #FFFFFF;}
	.bar_item image{width: 22upx;height: 10upx;margin-left: 10upx;}
	.bar_active{border-bottom: 6upx solid #049BFF;color: #049BFF;}
	
	.user_list{width: 100%;background: #FFFFFF;}
	.user_item{width: 100%;height: 110upx;padding: 0 30upx;display: flex;flex-direction: row;align-items: center;border-bottom:2upx solid #EEEEEE;font-size: 30upx;color: #333333;box-sizing: border-box;}
	.user_item:last-child{border: 2upx solid #FFFFFF;}
	.user_item>image:nth-child(1){width: 80upx;height: 80upx;margin-right:20upx;border-radius: 50%;background: #EFEFEF;}
	.user_item>image:nth-child(3){width: 12upx;height: 24upx;margin-left: auto;}
	.user_item>view:nth-child(3){margin-left: auto;font-size: 28upx;}
	.user_item_icon{margin-left: auto;display: flex;flex-direction: row;align-items: center;}
	.user_item_icon image{width: 60upx;height: 60upx;margin-left: 30upx;}
	
	.font_border{border-top: 2upx solid #EEEEEE;margin: 10upx 0;width: 690upx;margin-left: 30upx;}
	.font_item{width:100%;min-height:70upx;padding:0 30upx;display: flex;flex-direction: row;align-items: center;font-size: 28upx;color: #333333;box-sizing: border-box;background: #FFFFFF;}
	.font_item>view:nth-child(1){width: 180upx;color:#9BA7B7;flex-shrink: 0;}
	.font_item>view:nth-child(2){flex-grow: 1;}
	.font_item_laber{line-height: 30upx;border: 2upx solid #E0E0E0;font-size: 20upx;color: #9BA7B7;padding: 0 12upx;margin-right:10rpx}
	.font_item_edit,.font_item_code,.font_item_btn{display: flex;flex-direction: row;align-items: center;}
	.font_item_edit text{color: #049BFF;margin-left: 20upx;}
	.font_item_code image{width:28upx;height: 28upx;}
	.font_item_code text{color: #049BFF;margin-left: 10upx;}
	.font_item_btn text{width: 110upx;height: 40upx;line-height: 40upx;color: #049BFF;border: 2upx solid #049BFF;border-radius: 8upx;text-align: center;margin-left: auto;font-size: 24upx;}
	.font_item_picker view{color: #049BFF;}
	.font_item_phone{display: flex;flex-direction: row;align-items: center;}
	.font_item_phone image{width:28upx;height: 28upx;margin-left: 10upx;}
	.font_item_img{width:100%;display: flex;flex-direction: row;flex-wrap: wrap;}
	.font_item_img image{width: 100upx;height: 100upx;background: #EEEEEE;margin:10upx;}
	.w80 view:nth-child(1){width: 80upx;}
	.w120 view:nth-child(1){width: 120upx;}
	.w160 view:nth-child(1){width: 160upx;}
	.w240 view:nth-child(1){width: 240upx;}
	
	.add_box{width: 100%;padding-bottom: 50upx;background: #FFFFFF;}
	.add_prompt{width: 100%;line-height: 80upx;color: #9BA7B7;font-size: 28upx;padding: 0 30upx;box-sizing: border-box;background: #F7F7FA;}
	.add_item{width: 690upx;height: 90upx;display: flex;flex-direction: row;align-items: center;justify-content:space-between;margin: 0 30upx;box-sizing: border-box;border-bottom: 2upx solid #EEEEEE;font-size: 30upx;color: #333333;background: #FFFFFF;line-height: 0;line-height: 90upx;}
	.add_item>view:nth-child(1){flex-shrink: 0;margin-right: 20upx;}
	.add_picker{flex-grow: 1;display: flex;flex-direction: row;align-items: center;color: #666666;justify-content: flex-end;}
	.add_picker text{margin-right: 10upx;line-height: 0;}
	.add_item input{flex-grow: 1;color: #666666;text-align: right;}
	.add_code{display: flex;flex-direction: row;align-items: center;color: #049BFF;}
	.add_code image{width: 28upx;height: 28upx;margin-right: 10upx;}
	.add_textarea{width: 100%;padding: 30upx;box-sizing: border-box;font-size: 28upx;color: #333333;}
	.add_textarea textarea{margin-top: 30upx;width: 100%;height: 270upx;border: 2upx solid #EEEEEE;padding: 30upx;box-sizing: border-box;color: #666;}
	.add_addr{display: flex;flex-direction: row;align-items: center;}
	.add_addr image{flex-shrink: 0;}
	.add_addr image:nth-child(1){width: 26upx;height: 32upx;margin-right: 10upx;}
	.add_addr view{margin-right: 10upx;overflow: hidden;height: 90upx;}
	.add_twig{width: 100%;height: 20upx;background: #F7F7FA;}
	.add_icon{width: 100%;line-height: 80upx;color: #9BA7B7;font-size: 28upx;padding: 0 30upx;box-sizing: border-box;background: #F7F7FA;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
	.add_icon view:nth-child(2){display: flex;flex-direction: row;align-items: center;}
	.add_icon view:nth-child(2) image{width: 30upx;height: 30upx;margin-left: 20upx;}
	.add_icon_picker{height: 30upx;display: flex;flex-direction: row;align-items: center;}
	.add_user{width: 690upx;font-size: 30upx;color: #333333;margin: 0 30upx;background: #FFFFFF;border-bottom: 2upx solid #EEEEEE;line-height: 60upx;}
	.add_user_scroll{width: 100%;}
	.add_user_box{height: 130upx;display: flex;flex-direction: row;align-content: center;padding-bottom: 10upx;}
	.add_user_item{display: flex;flex-direction: row;align-items: center;}
	.add_user_item_icon{width:60upx;height: 60upx;}
	.add_user_item_img{width: 100upx;height: 100upx;position: relative;font-size: 28upx;color: #333333;text-align: center;line-height: 100upx;}
	.add_user_item_img view{width: 100%;height: 100%;border-radius: 50%;border: 1px solid #D4D4D4;position: absolute;left: 0;top: 0;}
	.add_user_item_img image:nth-child(1){width: 100upx;height: 100upx;border-radius: 50%;background: #EEEEEE;}
	.add_user_item_img image:nth-child(2){position: absolute;width: 32upx;height: 32upx;top: 0upx;right:0upx;}
	.add_sex{display: flex;flex-direction: row;align-items: center;font-size: 26upx;color: #333333;}
	.add_sex text{width: 62upx;height: 44upx;border: 2upx solid #049BFF;text-align: center;line-height: 44upx;}
	.add_sex text.active{background: #049BFF;color: #FFFFFF;}
	.add_image{width: 100%;padding: 30upx;box-sizing: border-box;font-size: 28upx;color: #333333;}
	.add_image_box{display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;}
	.add_image_box image{width: 130upx;height: 130upx;margin-right: 30upx;margin-top: 20upx;}
	.add_image_box .image_box{
		width: 130rpx;
		height: 130rpx;
		margin-top: 20rpx;
		margin-right: 30rpx;
		position: relative;
	}
	.add_image_box .image_box image{
		margin: 0;
		width: 100%;
		height: 100%;
		border-radius: 0 !important;
	}
	.add_image_box .image_box image.del_btn{
		width: 30rpx;
		height: 30rpx;
		position: absolute;
		top: -14rpx;
		right: -14rpx;
		
	}
	.add_image_box .add_inner_box{
		margin-right: 0;
	}
	
	.add_header{width: 70upx;height: 70upx;background: #EEEEEE;border-radius: 50%;}
	.add_card_list{background: #FFFFFF;}
	.add_card{width: 690rpx;padding: 20rpx;box-sizing: border-box;border: 2rpx solid #ddd;border-radius: 16rpx;margin: 30rpx 0 0 30rpx;}
	.add_card_item{width: 100%;margin-bottom: 10rpx;font-size: 28rpx;color: #333333;}
	.add_card_item text:nth-child(1){color: #999999;}
	.add_card_btn{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: flex-end;}
	.add_card_btn image{width: 24rpx;height: 28rpx;margin-left: 20rpx;}
	
	.order_title{font-size: 30upx;color: #333333;line-height: 90upx;text-indent: 30upx;}
	.order_item_time{width: 100%;line-height: 80upx;text-align: center;font-size: 26upx;color: #B1BAC7;}
	.order_item{width: 690upx;margin-left:30upx;background: #FFFFFF;border-radius: 8upx;}
	.order_item_title{width: 100%;height: 106upx;display: flex;flex-direction: row;align-items: center;background: #049BFF;color: #FFFFFF;font-size: 30upx;border-radius: 8upx 8upx 0 0;justify-content: space-between;padding: 0 30upx;box-sizing: border-box;}
	.order_item_title_text view{font-size: 24upx;margin-top: 5upx;}
	.order_item_title image{width: 44upx;height: 34upx;}
	.order_item_num{width: 630upx;color: #333333;font-size: 28upx;padding: 30upx;border-bottom: 2upx solid #EEEEEE;}
	.order_item_num view:nth-child(2){font-size: 24upx;color:  #999999;margin-top: 10upx;}
	.order_item_num_order{display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-top: 10upx;font-size: 24upx;color:  #999999;}
	.order_item_num_order text:nth-child(2){color: #049BFF;}
	.order_item_price{padding:30upx;width: 100%;box-sizing: border-box;display: flex;flex-direction: row;justify-content: flex-end;color: #FF5050;font-size: 28upx;align-items: flex-end;}
	.order_item_price text:nth-child(2){font-size: 56upx;margin: 0 5upx;}
	.order_item_content{padding: 30upx 0;position: relative;}
	.order_item_content_logo{width: 176upx;height: 176upx;position: absolute;right: 56upx;top: 140upx;}
	.order_item_btn{width: 100%;display: flex;flex-direction: row;align-items: center;text-align: center;font-size: 28upx;color: #049BFF;border-top: 2upx solid #EEEEEE;}
	.order_item_btn text{flex-grow: 1;min-width: 25%;line-height: 86upx;border-right: 2upx solid #EEEEEE;}
	.order_item_btn text.btn_more{color:#333333 ;border-right: 0upx solid #FFFFFF;}
	.order_item_user{width: 100%;height: 80upx;border-top: 2upx solid #EEEEEE;font-size: 28upx;color: #333333;display: flex;flex-direction: row;align-items: center;justify-content: center;padding-top: 30upx;}
	.order_item_user image{width: 80upx;height: 80upx;background: #EEEEEE;margin-right: 20upx;border-radius: 50%;}
	.order_item_user view{margin-right: 5upx;}
	.order_item_user view:nth-child(2n){color: #049BFF;}
	
	.statistics_box{width: 710upx;padding:0 20upx;margin: 20upx 0 0 20upx;box-sizing: border-box;background: #FFFFFF;}
	.statistics_title{line-height: 100upx;text-align: center;font-size: 36upx;color: #333333;}
	.statistics_item_box{width: 100%;padding: 0 0 30upx 0;display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;}
	.statistics_item{width: 33.33%;text-align: center;margin-top: 30upx;}
	.statistics_item_title{font-size: 34upx;color: #333333;}
	.statistics_item_title text{font-size: 24upx;}
	.statistics_item_text{display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;margin-top: 10upx;}
	.statistics_item_prompt{width: 12upx;height: 12upx;border-radius: 50%;margin-right: 5upx;}
	.statistics_item_font{font-size: 26upx;color: #9BA7B7;}
	.statistics_item_font text{color: #333333;}
	.charts{width: 670upx; height:500upx;background-color: #FFFFFF;}
	
	.box_title{display: flex;flex-direction: row;align-items: center;line-height: 32upx;width: 690upx;margin: 0 30upx;box-sizing: border-box;border-left: 10upx solid #049BFF;font-size: 30upx;color: #333333;box-sizing: border-box;text-indent: 16upx;font-weight: bold;}
	
	.save{width: 690upx;height: 90upx;line-height: 90upx;text-align: center;font-size: 30upx;color: #FFFFFF;background: #049BFF;margin: 50upx 0 0 30upx;border-radius: 8upx;}
	
	.window{position: fixed;width: 100%;height: 100vh;background: rgba(0,0,0,0.8);top: 0;left: 0;}
	.window_flex{width: 100%;height: 100vh;display: flex;flex-direction: row;align-items: center;justify-content: center;}
	
	.bottom_btn{position: fixed;bottom: 0upx;left: 0upx;width: 100%;height: 90upx;background: #FFFFFF;z-index: 996;}
	.bottom_btn_list{width: 100%;height: 100upx;display: flex;flex-direction: row;}
	.bottom_btn_list view{flex-grow: 1;font-size: 28upx;color: #333333;line-height: 90upx;text-align: center;flex-shrink:0;border-top: 2upx solid #EEEEEE;}
	.bottom_btn_list view:nth-child(1){border-right:2upx solid #EEEEEE;}
	.bottom_btn_list view:last-child{background: #049BFF;color: #FFFFFF;border-top: 2upx solid #049BFF;}
	
	.bottom_popup{position: absolute;bottom: 0upx;left: 0;width: 100%;background: #F5F5F5;}
	.bottom_popup view{width: 100%;font-size: 36upx;color: #333333;background: #FFFFFF;border-bottom: 2upx solid #EEEEEE;text-align: center;line-height: 100upx;}
	.bottom_popup view:last-child{margin-top: 20upx;}
	.nodata{line-height: 300upx;font-size: 28upx;color: #666666;text-align: center;}
	
	.more{width: 28upx;height: 28upx;}
	.right{width: 14upx;height: 26upx;margin-left: 10upx;}
	.delete{width: 32upx;height: 32upx;}
	.bottom{width: 26upx;height: 14upx;}
	.color_blue{color:#049BFF;}
	.color_red{color:#f04864;}
	.color_green{color:#0CD475}
	.index997{z-index: 997;}
	.index998{z-index: 998;}
	.index999{z-index: 999;}
	.bg_color0{background: #1890ff;}
	.bg_color1{background: #2fc25b;}
	.bg_color2{background: #facc14;}
	.bg_color3{background: #f04864;}
	.bg_color4{background: #8543e0;}
	.bg_color5{background: #90ed7d;}
</style>
